﻿@model List<Kunlun.Models.Category>

<div id="tabs">
	<ul class="tabs_tt">
		<li><a href="#tabs-1">选择框条</a></li>
		<li><a href="#tabs-2">选择卡纸</a></li>
		<li><a href="#tabs-3">选择玻璃</a></li>
		<li><a href="#tabs-4">墙面颜色</a></li>
	</ul>
	<div id="tabs-1" class="tab_div">
		<div class="BarCate">
			<ul>
				@{var Cates = ViewData["Cates"] as List<Kunlun.Models.Category>;}
				@foreach (var item in Cates.Take(3))
                    {
					<li onclick="ChangeFrame(@item.ID)">@item.Cname</li>
	                }
			</ul>
			@foreach (var item in Cates)
                {
				<dl id='CCate-@item.ID'>
					<dd>
						<a href="javascript:;" onclick="ReturnProduct(@item.ID,this)">全部</a>
                    </dd>
					@foreach (var c in Model.Where(o => o.ParentID == item.ID))
                        {
					<dd>
						<a href="javascript:;" onclick="ReturnProduct(@c.ID,this)">@c.Cname</a>
                    </dd>
                        }
				</dl>
                 }
		</div>
		<ul class="frame_show">
			<li class="left" onclick="scrol()"></li>
			<li id="frame_can" style="width: 700px;"></li>
			<li class="right" onclick="scror()"></li>
		</ul>
	</div>
	<div id="tabs-2" class="tab_div">
		@{Html.RenderAction("Kazhi", "Frame");}
	</div>
    <div id="tabs-3" class="tab_div">
        <!--选择玻璃Start-->
        <dl class="glass">
            <dt id="notice">我们将为您提供以下几种玻璃的配置方式，在配置玻璃背板后，我们会将价格自动计算到您的详细价格列表中。谢谢您的选购！</dt>
            @foreach (Kunlun.Models.Product p in ViewData["Glass"] as List<Kunlun.Models.Product>)
            {
                <dd>
                    <input type="radio" data-id='@p.pid' title="@p.Name" name="radiogroup" value="@p.Kacaprice" />
                    @p.Contents<span class="classSel">每平方米价格：￥@string.Format("{0:F}", p.Kacaprice)</span>
                </dd>
            }
            <dd>
                <input type="radio" data-id='0' name="radiogroup" value="0" checked="checked" />
                不放置玻璃 (无需增加费用)</dd>
        </dl>
    </div>
	<div id="tabs-4" class="tab_div">
		@{Html.RenderPartial("BackColor");}
	</div>
</div>
